<div class="active-container" admin-active-data>
	<div class="am-cf am-padding">

	  <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">Active</strong> / <small>Code</small></div>
	</div>
	<div class="am-g">
	  <div class="am-u-sm-6 am-u-md-2">
	    <div class="am-form-group active-page-list">
	      <select  id="page-size">
	        <option value="10">10</option>
	        <option value="20">20</option>
	        <option value="50">50</option>
	        <option value="-1">All</option>
	      </select>
	    </div>
	  </div>

	  <div class="am-u-sm-12 am-u-md-3">
	    <div class="am-input-group am-input-group-sm active-filter">
	      <input type="text" class="am-form-field search-active" id="page-search" ng-model="search" ng-keyup="searchActiveCodes($event)">
	      <span class="am-input-group-btn">
	        <button class="am-btn am-btn-default" type="button">Search</button>
	      </span>
	    </div>
	  </div>
	</div>

	    <div class="am-g">
	      <div class="am-u-sm-12">
	          <table class="am-table am-table-striped am-table-hover" id="active-table">
	            <thead>
	              <tr>
	                <th class="table-check"><input type="checkbox"  id="checkall"/></th>
	                <th class="table-id">ID</th>
	                <th class="table-title">Code</th>
	                <th class="table-title">UsedDate</th>
	                 <th class="table-title">UseId</th>
	                <th class="table-title">Active</th>
	              </tr>
	          </thead>
	          <tbody class="testdemo">
	            <tr ng-repeat="activeCode in activeCodes.result">
	              <td><input type="checkbox" class="select-single-record"/></td>
	              <td class="activeCodeId">{{activeCode.id}}</td>
	              <td class="activeCodeCode">{{activeCode.code}}</td>
	               <td class="activeCodeUsedDate">{{activeCode.usedDate}}</td>
	              <td class="activeCodeUseId">{{activeCode.userId}}</td>
	              <td>	 
	              	<div class="am-btn-toolbar">
	                  <div class="am-btn-group am-btn-group-xs">             		
		                <button class="am-btn am-active-status" data-id="{{activeCode.id}}" ng-class="activeCode.active== true?
		                   	' am-btn-success ':'am-btn-danger'">
		                  <span class="activeCodeActive" ng-bind="activeCode.active== true?' Used ':'Unused'"></span>
		                </button>
		              </div>
		            </div>
	              </td>
	            
	            </tr> 
	           
	          </tbody>
	        </table>
	    <div class="am-cf">
	          	total <span class="active-code-total-record">3</span> records
		  <div class="am-fr">
			<ul class="am-pagination active-pager-container">
			</ul>
	      </div>
		</div>
	    <hr />
	  <p>Attention：.....</p>
	</div>
  </div>
</div>